@import 'variables';
sign-up-list{
  .seed-scroll-content{
    padding-bottom: pxTorem(200);
    &[hidden]{
      display: none;
    }
    .seed-default-graph{
      padding-top: pxTorem(130);
    }
  }
  .wrap:nth-last-of-type(2){
    .content:after{
      display: none;
    }
  }
  .seed-infinite-finished, .seed-infinite-loading{
    background: color($h5,c9) !important;
  }
  .each-member{
    background-color: color($h5,c10);
    height: pxTorem(140);
    display: flex;
    align-items: center;
    .choose-icon{
      min-width: pxTorem(40);
      height: pxTorem(40);
      border: 1px solid color($h5,c9);
      margin: 0 pxTorem(24);
      border-radius: 50%;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center center;
    }
    //.member-img{
    //  width: pxTorem(80);
    //  height: pxTorem(80);
    //  border-radius: 50%;
    //  margin-right: pxTorem(20);
    //  position: relative;
    //  seed-avatar{
    //    width: 100%;
    //    height: 100%;
    //  }
    //  .sex{
    //    width: pxTorem(32);
    //    height: pxTorem(32);
    //    position: absolute;
    //    bottom: 0;
    //    right: 0;
    //    background-repeat: no-repeat;
    //    background-size: contain;
    //    background-position: center center;
    //  }
    //}
    //.content{
    //  flex-grow: 1;
    //  .info{
    //    flex-grow: 1;
    //    white-space: nowrap;
    //    text-overflow: ellipsis;
    //    overflow: hidden;
    //    height: pxTorem(140);
    //    .name{
    //      font-size: standard($f,F2);
    //      color: color($h5,c2);
    //      margin-bottom: pxTorem(16);
    //    }
    //    .phone{
    //      font-size: standard($f,F5);
    //      color: color($h5,c4);
    //    }
    //  }
    //  .edit{
    //    display: inline-block;
    //    margin-right: pxTorem(20);
    //    width: pxTorem(40);
    //    height: pxTorem(40);
    //    background: url('#{$icons-path}/icon_sign_editor.png') no-repeat center center/contain;
    //  }
    //}
  }
  .sign-up-list-protocol{
    background: color($h5,c9);
    padding: pxTorem(28px) 0 pxTorem(40px) pxTorem(24px);
    .sign-up-list-protocol-btn{
      -webkit-appearance:none;
      -moz-appearance: none;
      appearance: none;
      width: pxTorem(24px);
      height: pxTorem(24px);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center center;
      //background-color: color($h5,c9);
    }
    span{
      padding-left: pxTorem(10px);
      a{
        color: color($h5,c1);
      }
    }
  }
  .btn-wrap{
    background-color: color($h5,c10);
    padding: pxTorem(20) pxTorem(24);
    width: 100%;
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 6;
    .add{
      border-radius: 4px;
      border:1px solid color($h5,c1);
      color:color($h5,c1);
      font-size: standard($f,F3);
      width: 47%;
      height: pxTorem(88);
    }
    .sign{
      border-radius: 4px;
      background-color: color($h5,c1);
      color:color($h5,c10);
      font-size: standard($f,F3);
      width: 47%;
      height: pxTorem(88);
    }
  }
  .nodata-btn{
    margin-top: pxTorem(30);
    border:1px solid color($h5,c1);
    width: pxTorem(218);
    height: pxTorem(62);
    border-radius: 3px;
    color: color($h5,c1);
  }

}
